﻿@using System.Xml;

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = null;
	var imageId = Model.Content.GetPropertyValue<int>("logopicker");
	var image = Umbraco.TypedMedia(imageId);
	var topNode = Model.Content.AncestorOrSelf(2);
	var index = topNode.DescendantOrSelf("Homepage");


}


<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="/css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="/css/style.css" type="text/css" media="all">
		<link rel="stylesheet" href="/css/zerogrid.css" type="text/css" media="all">
		<link rel="stylesheet" href="/css/responsive.css" type="text/css" media="all">
		<script type="text/javascript" src="/js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="/js/fix.js" ></script>
		<script type="text/javascript" src="/js/cufon-yui.js"></script>
		<script type="text/javascript" src="/js/cufon-replace.js"></script>  
		<script type="text/javascript" src="/js/Vegur_300.font.js"></script>
		<script type="text/javascript" src="/js/PT_Sans_700.font.js"></script>
		<script type="text/javascript" src="/js/PT_Sans_400.font.js"></script>
		<script type="text/javascript" src="/js/tms-0.3.js"></script>
		<script type="text/javascript" src="/js/tms_presets.js"></script>
		<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="/js/atooltip.jquery.js"></script>
		<script type="text/javascript" src="/js/css3-mediaqueries.js"></script>
		<!--[if lt IE 9]>
		<script type="text/javascript" src="/js/html5.js"></script>
		<link rel="stylesheet" href="/css/ie.css" type="text/css" media="all">
		<![endif]-->
		<!--[if lt IE 7]>
			<div style=' clear: both; text-align:center; position: relative;'>
				<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
			</div>
		<![endif]-->
	</head>
	<body id="page1">
		<div class="main zerogrid">
		<!--header -->
			<header>
				<div class="wrapper">
					<form id="search" method="post">
						<fieldset>
							<div class="bg"><input class="input" type="text" value="Search"  onblur="if(this.value=='') this.value='Search'" onFocus="if(this.value =='Search' ) this.value=''" ></div>
						</fieldset>
					</form>
					<h1><a href="/"><img src="/media/1027/logo.png" /></a></h1>
				</div>
				@Umbraco.RenderMacro("Navigation")
				@if (Model.Content.Name == "Homepage")
				{
					@RenderSection("slider")			
				}
			</header>						
		@RenderSection("article")
		  </div>
			<div class="main zerogrid">
			<footer>
				<ul id="icons">
				<li class="first">Follow Us:</li>
				<li><a href="#" class="normaltip" title="Facebook"><img src="/images/icon1.jpg" alt=""></a></li>
					<li><a href="#" class="normaltip" title="Twitter"><img src="/images/icon2.jpg" alt=""></a></li>
					<li><a href="#" class="normaltip" title="Picasa"><img src="/images/icon3.jpg" alt=""></a></li>
					<li><a href="#" class="normaltip" title="YouTube"><img src="/images/icon4.jpg" alt=""></a></li>
				</ul>
				<br><a href="http://www.zerotheme.com" target="_blank" rel="nofollow">Free Html5 Templates</a> by <a href="http://www.templatemonster.com" target="_blank" rel="nofollow">TemplateMonster</a> | <a href="http://www.zerotheme.com" target="_blank" rel="nofollow">Zerotheme</a><br>
				<!-- {%FOOTER_LINK} -->
			</footer>
		</div>
<!--footer end-->
		</div>
		<script type="text/javascript"> Cufon.now(); </script>
		<script>
			$(window).load(function(){
				$('#slider')._TMS({
					banners:true,
					waitBannerAnimation:false,
					preset:'diagonalFade',
					easing:'easeOutQuad',
					pagination:true,
					duration:400,
					slideshow:8000,
					bannerShow:function(banner){
						banner.css({marginRight:-500}).stop().animate({marginRight:0}, 600)
					},
					bannerHide:function(banner){
						banner.stop().animate({marginRight:-500}, 600)
					}
					})
			})
		</script>
	
	
</body>
</html>
			
			